home *** CD-ROM | disk | FTP | other *** search
/ MacWorld 1999 August / Macworld (1999-08).dmg / From Macworld Readers / FREE Scripts / FREE Guides / FREE Guide Macintosh / FREE Guide • Macintosh 3.1.sea / FREE Guide • Macintosh 3.1.rsrc / TEXT_162.txt < prev    next >
Text File  |  1998-12-04  |  24KB  |  566 lines

  1.  
  2.  
  3.  
  4.  
  5. FONT DESIGN
  6.  
  7.  
  8.  
  9. A huge variety of fonts are available for the Mac. Understanding how they work can help you use them to best effect ‚Äî and prevent you from using too many!
  10.  
  11. Before attempting to create or modify fonts, make sure your application works with your kinds of font. Fontographer works with TrueType or PostScript fonts for both Mac and PC.
  12.  
  13.  
  14.  
  15. Font Categories
  16. wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
  17.  
  18. Different fonts are suited to different purposes. Serif fonts are easiest to read in large blocks of text. Here are some examples:-
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26. San-serif fonts, as shown below, stand out in headlines and titles.
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35. You may need special fonts for fractional characters such as:-
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45. or for foreign or specialised characters:-
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54. Unfortunately these fonts don‚Äôt usually provide any corellation between the character and what you type! The last example is used for the International Phonetic Alphabet and shows a random sample of characters.
  55.  
  56. Decorative fonts can be eye-catching. Examples include:-
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65. Finally there are dingbat fonts that you can combine with text as an alternative to standard graphic elements. The following show a random selection of characters:-
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78. Font Parameters
  79. qqqqqqqqqqqqq
  80.  
  81.  
  82. The diagram below shows the basic elements that characterise a font:-
  83.  
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90.  
  91.  
  92.  
  93. The font‚Äôs weighting or style and the line spacing are also important.
  94.  
  95.  
  96.  
  97. Legibility
  98. wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
  99.  
  100. There must be a balance between continuity of a line of text and the variations that identify each character. The most important features are:-
  101.  
  102.               Proportion     With narrow letters you can view a line of words at a glance
  103.                                      ‚Äî but if too narrow each character is indistinct. 
  104.  
  105.               Spaces           Horizontal spaces between characters should be easy to see 
  106.                                       ‚Äî but shouldn‚Äôt break up the line.
  107.  
  108.               Ascenders     Ascenders and descenders must stand out between lines. 
  109.                                      ‚Äî ascenders are more important since we read downwards.
  110.  
  111.  
  112.  
  113. Readability
  114. wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
  115.  
  116. Readability is determined by banding, the space between lines, set by the height of lower-case letters. Banding leads the eye from one row to the next.
  117.  
  118. The ascent is set by upper‚Äìcase letters and numbers. In most fonts the lower-case letters are as high as possible compared to the upper‚Äìcase. Such fonts, closely placed, are hard to read. 
  119.  
  120. The space between the top of upper‚Äìcase letters and the bottom of the descenders from the line above is the leading  ‚Äî pronounced ‚Äòledding‚Äô.  If there‚Äôs enough banding you can increase the lead, ascent or both. A large ascent looks elegant and doesn‚Äôt disturb banding.
  121.  
  122.  
  123. Serifs
  124. wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
  125.  
  126. Characters are best defined by sharp edges. Serifs, the horizontal lines on characters, add distinction and increase the apparent line density. Serifs should always align with each other to emphasise the line itself.
  127.  
  128.               The font you‚Äôre reading is a serif typeface
  129.  
  130. Line density can also be increased by reducing letter width and spacing ‚Äî this makes the words stand out more clearly.
  131.  
  132. Sans‚Äì serif fonts, such as Geneva, are more difficult to read than serif typefaces  ‚Äî but can be useful in confined spaces.
  133.  
  134.               The font you‚Äôre reading is a sans-serif typeface
  135.  
  136.  
  137.  
  138. Proportional and Monospaced Fonts
  139. wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
  140.  
  141. In a proportional font each character can have a different width. Here‚Äôs an example:-
  142.  
  143.               In WIWIW the letter W is widest and I is narrowest.
  144.  
  145. Numerals are usually all of the same width to make them line up easily in columns of numerical data. In a monospaced font, such as Monaco or Courier, all characters, including punctuation and spaces, are of a fixed width, as on a typewriter. For example:-
  146.  
  147.               In WIWIW the letter W and I are the same width.
  148.  
  149. These can be useful in tables ‚Äî but not in long lengths of text!
  150.  
  151.  
  152.  
  153. Ligatures and Pair Kerning
  154. wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
  155.  
  156. These occur when two letters are tied together.
  157. For example:-
  158.  
  159.               aesthetically    √π     √¶sthetically
  160.  
  161. Some applications can add ligatures automatically. Not all fonts support these characters ‚Äî use KeyCaps or PopChar to find out what keys to press!
  162.  
  163. Some fonts automatically kern fonts. For example:-
  164.  
  165.               A V    Not kerned ‚Äî the letters are separate
  166.               AV    This is kerned ‚Äî the letters overlap
  167.  
  168.  
  169.  
  170. Font Dimensions
  171. wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
  172.  
  173. Font dimensions are measured in points. The European (Didot) point equals 1/68 of an inch whilst the US or British printer‚Äôs point is 0.0138" ‚Äî on the Mac this is approximated to 1/72" or 0.01389". Hence on a 72 dpi screen each point appears as a single pixel.
  174.  
  175. The following information may be useful:-
  176.  
  177.               1 point   =    0.351 mm
  178.               1 inch     =   72.27 points ‚Äî rounded to 72 points on a Mac
  179.               1 pica     =   12 points ‚Äî often used to define column widths
  180.               1 em         =    horizontal space equal to square of font* ‚Äî width of letter m
  181.               1 en         =    half em ‚Äî width of letter n
  182.  
  183.               * for a 10 point font this is 10 points by 10 points
  184.  
  185.  
  186. Font Size                                                                                                               
  187.  
  188. The size of a font is the distance from the top of the highest ascender to the bottom of the lowest descender. This should equate to the distance from the baseline of one row of text to the next, assuming no line spacing. 
  189.  
  190. √è   Newspaper print is often 9 point, usually in Times font.
  191.  
  192. √è   Fonts with a large X-height and small ascenders and descenders always look big for 
  193.         their size.
  194.  
  195.  
  196. Leading                                                                                                                 
  197.  
  198. Line spacing or leading is measured between the baseline of each row. If lines are spaced by 14 points the line is said to be 14 points leading. The term 12/14 means 12 point font with 14 points leading.
  199.  
  200. √è   10 point Palatino with 12 points leading gives a good book style for printing. 
  201.  
  202.  
  203.  
  204. Styles and Weights
  205. wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
  206.  
  207. The style of a font significantly changes it‚Äôs appearance. With PostScript fonts each style is treated as a different font ‚Äî which is what it really is!
  208.  
  209. The weight of a font determines the thickness or heaviness of each character. Here are the common weight names, in ascending order:-
  210.  
  211.               Ultra Light
  212.               Extra Light
  213.               Light
  214.               Roman, Book, Regular, Plain, Normal
  215.               Medium
  216.               Demi
  217.               Bold, Boldface
  218.               Extra Bold, Heavy, Black
  219.               Ultra Bold
  220.  
  221.  
  222.  
  223. Font Parameters in Detail
  224. wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
  225.  
  226. The crucial font dimensions are:-
  227.  
  228.  
  229.  
  230.  
  231.  
  232.  
  233.  
  234.  
  235.  
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247.  
  248.  
  249.               Ascent                      Maximum height of an Ascender for the entire font.
  250.  
  251.               Descent                     Maximum depth of Descender for the entire font.
  252.  
  253.               Leading                     Space between each row of characters.
  254.  
  255.               Width                       The cursor movement for each individual character ‚Äî measured from 
  256.                                                the end of the kern space which can vary with each character.
  257.  
  258.               Maximum Kern        The largest kern possible for the entire font.
  259.  
  260.               Offset                      Positioning of an individual character within the maximum width ‚Äî 
  261.                                                 measured from the beginning of the kern space.
  262.  
  263.               Maximum Width     The smallest width all characters fit into ‚Äî its left hand side is the 
  264.                                                 reference for offsets. In some fonts specific characters can exceed 
  265.                                                the maximum width ‚Äî but this doesn‚Äôt usually cause any problems!  
  266.  
  267.  
  268.  
  269.  
  270. The Characters used in Fonts
  271. qqqqqqqqqqqqqqqqqqqqq
  272.  
  273.  
  274. The Mac‚Äôs standard keyboard generates only 219 characters, including spaces. This means that most fonts won‚Äôt contain all the characters you‚Äôll need! If you‚Äôre fortunate enough to have GX fonts you may be able to select one of 65,000 characters!
  275.  
  276. Apart from letters, numbers and punctuation many fonts contain shapes and symbols unrelated to the keyboard characters known as dingbats.
  277.  
  278. √è   Any symbols in a standard font may differ from those in other fonts. 
  279.         If you change a font used for text you‚Äôll change many of the symbols. 
  280.  
  281.  
  282.  
  283. Non-printing Characters and Hyphens
  284. wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
  285.  
  286. Carriage Returns                                                                                                     
  287.  
  288. Strictly speaking a carriage return is a control code rather than a font character! When you press Return you generate a hard return that forces the text onto a new line, even if you‚Äôre in the middle of a word.
  289.  
  290. If you press Control-Return you produce a soft return. This is useful if you want to avoid awkward splits in the middle of words ‚Äî but you‚Äôll get more gaps in other lines!
  291.  
  292.  
  293. Spaces                                                                                                                  
  294.  
  295. Most fonts provide at least two sizes of horizontal space. You can press the spacebar for a standard space or press it with the Option key for a non-breaking space (NBSP). Non-breaking spaces behave as letters ‚Äî if you enter one in the middle of a word the text doesn‚Äôt wrap to the next line.
  296.  
  297. √è   In some fonts a non-breaking space is wider than a standard space. It can be used to 
  298.         follow any italics that lean awkwardly into standard spaces.
  299.  
  300.  
  301. Short and Long Spaces                                                                                            
  302.  
  303. Some applications use a short space (en-space) or long space (em-space) of width equal to n and m respectively ‚Äî in some cases they‚Äôre the same width as 0 and 00 instead!
  304.  
  305. Since these spaces have no particular ASCII code they can be interpreted differently by various applications. They‚Äôre best avoided ‚Äî try using tabs and standard spaces instead!
  306.  
  307. If you need to transfer data containing en- and em-spaces from one application to another you could:-
  308.  
  309.               ‚Ä¢  Filter out the spaces in a Save As ‚Ķ operation.
  310.  
  311.                                                                         OR
  312.  
  313.               ‚Ä¢  Use Change All to convert the spaces to tildes. 
  314.                    In the destination application use Change All to convert them back again!
  315.  
  316. ¬∑  Only one space should follow a full-stop, colon, exclamation mark or question mark.
  317.  
  318.  
  319. Hyphens                                                                                                               
  320.  
  321. The short hyphen, or en-dash, of width equal to n, is produced by pressing Option-dash
  322. ‚Äî it‚Äôs longer and more attractive than the standard dash that‚Äôs often used as a minus sign! It‚Äôs sometimes used as a hard hyphen, or non-breaking hyphen for holding hyphenated words together on one line.
  323.  
  324. The long hypen or em-dash has a width equal to m, but this can vary between fonts. It‚Äôs produced by pressing Option-Shift-dash. It looks better with a space before and after it ‚Äî use a non-breaking space if you want to prevent unwanted indents on new lines!
  325.  
  326.  
  327.  
  328. Punctuation and Accents
  329. wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
  330.  
  331. Quotes                                                                                                                 
  332.  
  333. Curved single and double quote marks look more professional than straight marks. You can generate them on a keyboard by pressing Option or Shift-Option with the [ and ] keys. It‚Äôs even easier if you use a word processor with smart quotes built-in ‚Äî this should automatically convert straight quotes into the curved versions.
  334.  
  335.  
  336. Ellipsis                                                                                                                  
  337.  
  338. This character (‚Ķ) should be produced using Option-; rather than using a string of periods. If it comes at the end of a sentence put any punctuation first. Avoid using spaces before or after an ellipsis, unless it‚Äôs at the end of a sentence.
  339.  
  340.  
  341. Di√¶reses                                                                                                               
  342.  
  343. This is the double-dot or bar that‚Äôs placed over vowels that should be sounded separately. For example:-
  344.  
  345.               naive      √π     na√Øve
  346.  
  347. In most fonts you obtain this using Option-U followed by the required letter.
  348.  
  349.  
  350. Accents and Deadkeys                                                                                            
  351.  
  352. Mac keyboards have a number deadkeys that come into effect when Option is pressed in combination with E, I, U, N, or `.
  353.  
  354. √Ö   Nothing happens until you press another key combination
  355.  
  356.               If you press the same combination again you‚Äôll get the appropriate accent mark 
  357.               for the letter. For example, U gives a ¬® accent. Each time you use the same 
  358.               combination you‚Äôll get the same accent ‚Äî you‚Äôll need two backspaces to remove it.
  359.  
  360.               If you press the spacebar as the second combination the accent still appears 
  361.               ‚Äî but you can get rid of it with one backspace.
  362.  
  363.               If you press a letter key on its own as the second combination, you‚Äôll get that 
  364.               letter with the accent mark over it ‚Äî assuming the accent works with it! You can 
  365.               use the Shift key as well if you need an upper case letter. If the accent doesn't work 
  366.               with the letter, the accent mark is followed by the letter. 
  367.  
  368. Deadkeys let you get to a special part of the font‚Äôs character table that contains the shape of a letter complete with its accent mark. Other letters that can‚Äôt be obtained using deadkeys are shown in the Key Caps DA when you press both the Shift and Option keys.
  369.  
  370. The deadkeys are:-
  371.  
  372.  
  373.                 Deadkey   Accent      Accent Name                Appropriate Characters  
  374.  
  375.                E                   ¬¥                   Acute                          a,e,i,o,u
  376.                `                    `                  Grave                          a,e,i,o,u
  377.                I                   ^                  Circumflex                   a,e,i,o,u
  378.                U                   ¬®                  Umlaut or Diaresis        a,e,i,o,u
  379.                N                  ~                  Tilde                           a,n,o
  380.  
  381.  
  382. The tilde, when not used with a letter, is on the mid-line level of a dash ‚Äî so you can use it for maths or logic.  You can also generate a tilde using Shift-`. 
  383.  
  384. If you have a word processor with overstrike you may use the following with lower-case characters:‚Äì
  385.  
  386.  
  387.                Keys                       Accent      Accent Name  
  388.  
  389.                Shift-Option-M              Àú                 Tilde       
  390.                Shift-Option-,               ¬Ø                  Macron      
  391.                Option-H                          Àô                  Dot         
  392.  
  393.  
  394. The dot can be used to create an elevated dotted line.
  395.  
  396.  
  397.  
  398. Non-keyboard Characters
  399. wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
  400.  
  401. You may be annoyed to find you can‚Äôt use the last four characters of a font ‚Äî represented by the numbers 252 to 255 (hex FC to FF) but not usually generated by the keyboard. You can use a macro application such as KeyQuencer to produce these values ‚Äî but make sure the trigger keys aren‚Äôt used for other characters!
  402.  
  403. For example, using KeyQuencer:-
  404.  
  405.  
  406.               Key                           Macro Instruction                  Name                    
  407.  
  408.               Control-Option-‚Ć-[               Type $FC                   ¬∏              Cedilla
  409.               Control-Option-‚Ć-]               Type $FD                     Àù            Hungarian umlaut       
  410.               Control-Option-‚Ć-;               Type $FE                   Àõ               Ogonek diacritic
  411.               Control-Option-‚Ć-'               Type $FF                      Àá            Carib diacritic
  412.  
  413.  
  414. Some fonts produce more exciting characters ‚Äî they‚Äôre used for special arrows in Zapf Dingbats and curvy bracket elements in Symbol.
  415.  
  416. If you don‚Äôt have a macro you can copy and paste the characters from a file already containing these ASCII values.
  417.  
  418.  
  419.  
  420.  
  421. Standard Font Characters
  422. qqqqqqqqqqqqqqqqqq
  423.  
  424.  
  425. The following characters can be found in most fonts:-
  426.  
  427.  
  428. International
  429. wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
  430.  
  431.    Option key plus                                       with Shift
  432.  
  433.               A                                  √•                          √Ö
  434.               '                                    √¶                         √Ü
  435.               C                                   √ß                           √á
  436.               O                                   √∏                          √ò
  437.               9                                    ¬™                            ¬∑
  438.               0                                    ¬∫                            ‚Äö
  439.               S                                   √ü                           ƒ±
  440.  
  441.  
  442. Pronunciation                                                                                                            
  443.  
  444.               Shift-Option-/           ¬ø
  445.               Option-1                      ¬°
  446.               Option-\                    ¬´
  447.               Shift-Option-\          ¬ª
  448.  
  449.  
  450. Currencies                                                                                                              
  451.  
  452.                                      British keyboard         US keyboard
  453.  
  454.               Shift-3                         ¬£                                  #
  455.               Shift-4                         $                                  $
  456.               Option-3                     #                                  ¬£
  457.               Option-4                     ¬¢                                  ¬¢
  458.               Option-Y                     ¬•                                  ¬•
  459.  
  460.  
  461.  
  462. Mathematics
  463. wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
  464.  
  465.               Shift-=                        +                         Addition
  466.               Option--                      ‚Äì                         Subtraction
  467.               Shift-Option-=          ¬±                        Plus or minus
  468.               Shift-8                          *                        Multiplication
  469.               Option-/                     √∑                        Division
  470.  
  471.               =                                    =                       Equality
  472.               Option-=                     ‚↠                         Non-equality
  473.               Option-X                     ‚âà                        Approximately equal
  474.               Shift-,                           <                       Less than
  475.               Shift-.                           >                       Greater than
  476.               Option-,                       ‚⧠                      Less than or equal
  477.               Option-.                       ‚â•                       Greater than or equal
  478.               Option-\                     ¬´                        Much less than (or other)
  479.               Shift-Option-\           ¬ª                       Much greater than (or other)
  480.  
  481.               Option-B                     ‚à´                        Integral
  482.               Option-D                     ‚àÇ                        Incremental change (small delta)
  483.               Option-J                      ‚àÜ                       Rate of change (large delta) 
  484.               Option-F                     Δí                        Function
  485.               Option-V                   ‚àö                         Square root
  486.               Option-W                  ‚àë                        Summation (large letter sigma)
  487.               Option-L                     ¬¨                        Logical NOT
  488.  
  489.               Shift-Option-8           ¬∞                        Degrees of a unit
  490.               Option-M                   ¬µ                        Small amount (micro or small mu)
  491.               Option-5                     ‚àû                       Infinity
  492.               Option-P                     œÄ                        Mathematical constant (small pi)
  493.               Shift-Option-P          ‚àè                       Mathematical constant (large pi)
  494.               Option-Z                    Œ©                       Ohm for impedance (large omega)
  495.  
  496.  
  497. Fractions                                                                                                               
  498.  
  499. The size of a numbers in a fraction should be just over half the size of a standard character. For example, fractional numbers in 12 point text should be 7 point ‚Äî for 10 point text they should be 5.5 or 6 point. You should use a superscript font for the top number and press Option-Shift-1 in the regular font size to get a slash at the right angle.
  500.  
  501.  
  502. Universal
  503. wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
  504.  
  505.               Option-[                       ‚Äú                     Open double quote
  506.               Shift-Option-[             ‚Äù                     Close double quote
  507.               Option-]                        ‚Äò                     Open single quote
  508.               Shift-Option-]              ‚Äô                     Close single quote
  509.  
  510.               Option--                      ‚Äì                     En-dash
  511.               Shift-Option--           ‚Äî                    Em-dash
  512.  
  513.  
  514.               Option-8                     ‚Ä¢                     Bullet identifier
  515.               Option-T                     ‚Ć                     Dagger identifier
  516.               Shift-Option-7           ‚Ä°                     Double-dagger identifier
  517.               Shift-Option-V          ‚óä                     Diamond Identifier
  518.               Shift-Option-2           ‚Ǩ                     Currency identifier
  519.               Shift-Option-K          Ô£ø                    Apple symbol
  520.  
  521.               Option-;                      ‚Ķ                   Ellipsis
  522.               Option-H                     Àô                     Elevated dot
  523.  
  524.  
  525. Printing                                                                                                               
  526.  
  527.     Option Key plus 
  528.  
  529.               6                                    ¬ß                    Section
  530.               7                                    ¬∂                   Paragraph
  531.               2                                   ‚Ñ¢                  Trade Mark
  532.               R                                   ¬Æ                   Registered Mark
  533.               G                                   ¬©                   Copyright
  534.  
  535.  
  536.  
  537.  
  538. Styles
  539. qqqqq
  540.  
  541.  
  542. Font styles are important in a slick presentation. Try to avoid using too many fonts and styles on any one page!
  543.  
  544.  
  545. Italics                                                                                                                   
  546.  
  547. Italics are useful for emphasising a word or phrase in a sentence, or for highlighting foreign words. They can also be used when single letters are used as words, such as in equations.
  548.  
  549.  
  550. Bold or Boldface                                                                                                    
  551.  
  552. This gains the reader‚Äôs attention but can make reading difficult. It‚Äôs particularly useful for headings and titles.
  553.  
  554.  
  555. Underline                                                                                                              
  556.  
  557. This style is inherited from the days of the typewriter ‚Äî it often makes text difficult to read. Bold or italic is preferable.
  558.  
  559.  
  560. Subscripts and Superscripts                                                                                       
  561.  
  562. Try to use a reasonable size of font, such as 12 point, when you need these. The Mac will automatically increase the leading when they‚Äôre entered ‚Äî this may give uneven line spacing. Avoid this by selecting a spacing of at least six lines per inch.
  563.  
  564.  
  565.  
  566. ¬©Ray White. All Rights Reserved 1997